1
00:00:00,480 --> 00:00:04,799
hey everybody johnny here in this video

2
00:00:02,879 --> 00:00:06,640
i wanted to go over how i created these

3
00:00:04,799 --> 00:00:08,320
frame assets

4
00:00:06,640 --> 00:00:09,280
so that i could quickly add them to my

5
00:00:08,320 --> 00:00:11,280
scenes

6
00:00:09,280 --> 00:00:13,679
with the only job left of going to each

7
00:00:11,280 --> 00:00:16,320
one and assigning it a new image

8
00:00:13,679 --> 00:00:18,160
the process was relatively simple i

9
00:00:16,320 --> 00:00:20,000
wanted to show you how you could do it

10
00:00:18,160 --> 00:00:21,439
so that you could get this done yourself

11
00:00:20,000 --> 00:00:25,039
or if you want to you can visit my

12
00:00:21,439 --> 00:00:27,039
gumroad and get my pack of 187 frames

13
00:00:25,039 --> 00:00:28,880
for only a dollar but let's get into how

14
00:00:27,039 --> 00:00:30,320
to create these frames yourself

15
00:00:28,880 --> 00:00:32,320
the first thing to think about is how

16
00:00:30,320 --> 00:00:34,160
you'll model them so that they'll work

17
00:00:32,320 --> 00:00:36,239
well in the asset browser

18
00:00:34,160 --> 00:00:38,320
if we have this suzanne model and then

19
00:00:36,239 --> 00:00:40,399
place it on the ground plane like this

20
00:00:38,320 --> 00:00:42,719
and then mark it as an asset

21
00:00:40,399 --> 00:00:44,320
if we were to create a cube and go to

22
00:00:42,719 --> 00:00:45,680
our asset browser and look at our

23
00:00:44,320 --> 00:00:48,960
current file

24
00:00:45,680 --> 00:00:50,960
if we drop this suzanne on this cube

25
00:00:48,960 --> 00:00:52,800
it's going to align the bottom to the

26
00:00:50,960 --> 00:00:54,800
cube because of that we're going to want

27
00:00:52,800 --> 00:00:56,000
to model our photo frames laying flat on

28
00:00:54,800 --> 00:00:57,520
the floor

29
00:00:56,000 --> 00:00:59,600
that way when we drag them in from the

30
00:00:57,520 --> 00:01:01,120
asset browser they'll line up nicely on

31
00:00:59,600 --> 00:01:03,359
the walls

32
00:01:01,120 --> 00:01:04,400
now let's model our photo frame

33
00:01:03,359 --> 00:01:06,400
the first thing you're going to want to

34
00:01:04,400 --> 00:01:08,400
do is come up with what type of frame

35
00:01:06,400 --> 00:01:10,799
you want to make if you do a google

36
00:01:08,400 --> 00:01:12,320
image search for photo frame profiles

37
00:01:10,799 --> 00:01:14,320
you're going to find some images like

38
00:01:12,320 --> 00:01:16,159
this this is what you're going to want

39
00:01:14,320 --> 00:01:18,080
to get the most realistic looking

40
00:01:16,159 --> 00:01:20,799
profiles and one thing you're going to

41
00:01:18,080 --> 00:01:22,880
want to look for is ones like this one

42
00:01:20,799 --> 00:01:24,720
that have measurements already on them

43
00:01:22,880 --> 00:01:26,960
so you can line them up and make sure

44
00:01:24,720 --> 00:01:28,560
that they're realistic size wise i'm

45
00:01:26,960 --> 00:01:30,479
going to go ahead and use this one as a

46
00:01:28,560 --> 00:01:32,240
template

47
00:01:30,479 --> 00:01:34,320
now i'm running a plug-in called image

48
00:01:32,240 --> 00:01:36,000
paste which i'd recommend you pick up

49
00:01:34,320 --> 00:01:37,600
but this plug-in will let me copy an

50
00:01:36,000 --> 00:01:39,360
image like this one

51
00:01:37,600 --> 00:01:40,720
go into blender

52
00:01:39,360 --> 00:01:42,720
and paste it

53
00:01:40,720 --> 00:01:44,560
this puts it in as a reference image the

54
00:01:42,720 --> 00:01:47,040
next thing we want to do is size our

55
00:01:44,560 --> 00:01:48,320
image so that these profiles are the

56
00:01:47,040 --> 00:01:50,640
correct size

57
00:01:48,320 --> 00:01:52,880
let's go ahead and do this one

58
00:01:50,640 --> 00:01:55,360
so as we can see it's three-quarter inch

59
00:01:52,880 --> 00:01:57,200
by one and one sixteenth inch the way i

60
00:01:55,360 --> 00:01:58,880
do sizing is like this

61
00:01:57,200 --> 00:02:01,600
i'll add a cube

62
00:01:58,880 --> 00:02:02,560
and open my end panel with my end panel

63
00:02:01,600 --> 00:02:04,799
open

64
00:02:02,560 --> 00:02:07,200
i'll adjust the size of my cube to match

65
00:02:04,799 --> 00:02:09,759
the size that i want in this case

66
00:02:07,200 --> 00:02:11,520
three-quarter by one and one-sixteenth

67
00:02:09,759 --> 00:02:13,599
so here under y

68
00:02:11,520 --> 00:02:14,720
i'll put .75

69
00:02:13,599 --> 00:02:16,319
inches

70
00:02:14,720 --> 00:02:19,200
and under my x

71
00:02:16,319 --> 00:02:21,040
i'll put parentheses one plus one

72
00:02:19,200 --> 00:02:22,959
divided by sixteen

73
00:02:21,040 --> 00:02:25,520
parentheses inches

74
00:02:22,959 --> 00:02:26,879
then i'll press ctrl a to apply scale

75
00:02:25,520 --> 00:02:28,959
and as you can see it's gotten very

76
00:02:26,879 --> 00:02:30,319
small so i'm going to take this image

77
00:02:28,959 --> 00:02:33,840
and shrink it down

78
00:02:30,319 --> 00:02:33,840
take the cube and bring it down here

79
00:02:34,160 --> 00:02:40,080
then i'll just adjust the image until

80
00:02:35,680 --> 00:02:40,080
this profile matches up with my cube

81
00:02:40,480 --> 00:02:44,160
that looks pretty good now that my

82
00:02:42,400 --> 00:02:46,319
reference image is correct i want to

83
00:02:44,160 --> 00:02:47,519
lock its scale so that i can't change

84
00:02:46,319 --> 00:02:49,280
its size

85
00:02:47,519 --> 00:02:50,560
and then since we've got our sizing out

86
00:02:49,280 --> 00:02:52,800
of the way i'm going to go ahead and get

87
00:02:50,560 --> 00:02:54,640
rid of my sizing cube

88
00:02:52,800 --> 00:02:57,440
with my image selected i'm going to go

89
00:02:54,640 --> 00:03:00,159
to my image tab and set the opacity to

90
00:02:57,440 --> 00:03:03,040
about 0.5 then in my outliner i'm going

91
00:03:00,159 --> 00:03:04,959
to go to this filter enable selectable

92
00:03:03,040 --> 00:03:07,840
and then make my image

93
00:03:04,959 --> 00:03:09,760
unselectable now it's truly a background

94
00:03:07,840 --> 00:03:11,599
image that i can't mess with and it's

95
00:03:09,760 --> 00:03:13,680
the correct size the next thing i need

96
00:03:11,599 --> 00:03:18,200
to do is to trace this profile i'm going

97
00:03:13,680 --> 00:03:18,200
to do that with a bezier curve

98
00:03:26,480 --> 00:03:31,040
for now i'm done with my reference image

99
00:03:28,879 --> 00:03:32,799
so i'm going to hide it i would suggest

100
00:03:31,040 --> 00:03:34,319
making a duplicate of your curve just to

101
00:03:32,799 --> 00:03:35,920
keep it safe

102
00:03:34,319 --> 00:03:38,400
take the original

103
00:03:35,920 --> 00:03:40,879
and i'm going to press f3 and type in

104
00:03:38,400 --> 00:03:42,400
convert i'm going to choose to convert

105
00:03:40,879 --> 00:03:44,080
this to a mesh

106
00:03:42,400 --> 00:03:46,400
so there we go

107
00:03:44,080 --> 00:03:48,959
i'll drop into side view

108
00:03:46,400 --> 00:03:50,879
and extrude this out

109
00:03:48,959 --> 00:03:53,200
the next thing to do is to add faces to

110
00:03:50,879 --> 00:03:55,760
the ends so i'll simply select the edges

111
00:03:53,200 --> 00:03:58,159
on the end and press f select the edges

112
00:03:55,760 --> 00:04:00,799
on the other end and press f

113
00:03:58,159 --> 00:04:03,439
now i've chosen to model the sides of my

114
00:04:00,799 --> 00:04:05,280
frames as four separate pieces but of

115
00:04:03,439 --> 00:04:06,959
course you could do them all together

116
00:04:05,280 --> 00:04:08,720
and merge them if you want but our

117
00:04:06,959 --> 00:04:11,360
corners are going to need to be cut at

118
00:04:08,720 --> 00:04:13,120
45 degree angles to do this i'm going to

119
00:04:11,360 --> 00:04:15,360
use the shear command

120
00:04:13,120 --> 00:04:19,919
with one end of my piece selected i'm

121
00:04:15,360 --> 00:04:19,919
going to press f3 and type in shear

122
00:04:20,000 --> 00:04:24,000
and then for a 45 degree angle

123
00:04:22,240 --> 00:04:25,199
it's a value of 1.

124
00:04:24,000 --> 00:04:28,960
now i'll do the same thing with the

125
00:04:25,199 --> 00:04:30,639
other side i'll press f3 choose sheer

126
00:04:28,960 --> 00:04:33,040
but this time i want it to go the other

127
00:04:30,639 --> 00:04:35,040
way so it'll be negative one

128
00:04:33,040 --> 00:04:38,240
now that we have our piece cut with 45

129
00:04:35,040 --> 00:04:40,160
degree angles we can duplicate it

130
00:04:38,240 --> 00:04:41,680
rotate it 90 degrees

131
00:04:40,160 --> 00:04:43,199
and we're going to join it with this

132
00:04:41,680 --> 00:04:45,840
first one

133
00:04:43,199 --> 00:04:47,759
with both selected we'll press ctrl j

134
00:04:45,840 --> 00:04:50,080
i'm going to go into edit mode select

135
00:04:47,759 --> 00:04:52,400
one point on one of my pieces and press

136
00:04:50,080 --> 00:04:54,880
l to select linked now i've got all the

137
00:04:52,400 --> 00:04:56,960
vertices of this piece selected if i

138
00:04:54,880 --> 00:04:58,880
zoom way in

139
00:04:56,960 --> 00:05:00,639
i can get these lined up as close as i

140
00:04:58,880 --> 00:05:02,320
want them now is the point where you

141
00:05:00,639 --> 00:05:04,320
need to decide what size frame you're

142
00:05:02,320 --> 00:05:06,800
going to make let's go ahead and make a

143
00:05:04,320 --> 00:05:08,840
frame that can hold an 8 by 10 photo to

144
00:05:06,800 --> 00:05:12,479
do that i'll add a

145
00:05:08,840 --> 00:05:15,520
cube set its x dimension to 8 inches and

146
00:05:12,479 --> 00:05:17,280
its y dimension to 10 inches

147
00:05:15,520 --> 00:05:18,200
i'll grab my frame and bring it up to

148
00:05:17,280 --> 00:05:20,160
the corner

149
00:05:18,200 --> 00:05:22,160
[Music]

150
00:05:20,160 --> 00:05:25,520
now that i have that there i'll go into

151
00:05:22,160 --> 00:05:27,440
edit mode grab these bottom ones and

152
00:05:25,520 --> 00:05:29,120
then pull them down

153
00:05:27,440 --> 00:05:31,840
you'll notice i don't use the scaling

154
00:05:29,120 --> 00:05:34,560
command because i want my profile curve

155
00:05:31,840 --> 00:05:37,280
to stay the same size i just need to

156
00:05:34,560 --> 00:05:38,400
extend the piece of wood i'll zoom into

157
00:05:37,280 --> 00:05:40,400
this corner

158
00:05:38,400 --> 00:05:43,600
and line this up

159
00:05:40,400 --> 00:05:43,600
i'll do the same on the top

160
00:05:44,080 --> 00:05:48,560
now that i've got those two sides done

161
00:05:46,080 --> 00:05:49,759
i'm going to select all do a shift d to

162
00:05:48,560 --> 00:05:53,039
duplicate

163
00:05:49,759 --> 00:05:55,039
rotate 180 degrees i'll line this up

164
00:05:53,039 --> 00:05:57,680
approximately and zoom into one of the

165
00:05:55,039 --> 00:05:57,680
two corners

166
00:05:58,319 --> 00:06:02,479
next i'll take the cube that i used for

167
00:06:00,240 --> 00:06:04,400
sizing and shrink it down

168
00:06:02,479 --> 00:06:06,240
and looking underneath i'm going to

169
00:06:04,400 --> 00:06:09,280
extend it just a little bit so it goes

170
00:06:06,240 --> 00:06:09,280
beyond this lip

171
00:06:09,919 --> 00:06:14,080
and then lastly i'm going to delete the

172
00:06:11,759 --> 00:06:17,039
bottom of this cube leaving just a

173
00:06:14,080 --> 00:06:19,440
single plane to house my picture

174
00:06:17,039 --> 00:06:21,440
one other thing you may want to do is uv

175
00:06:19,440 --> 00:06:23,680
unwrap all of your frame

176
00:06:21,440 --> 00:06:27,600
i've found the easiest way to do that is

177
00:06:23,680 --> 00:06:29,199
to grab the edges in each corner

178
00:06:27,600 --> 00:06:30,880
right click

179
00:06:29,199 --> 00:06:33,520
and mark seam

180
00:06:30,880 --> 00:06:36,080
then looking from the bottom

181
00:06:33,520 --> 00:06:38,639
select these four edges underneath

182
00:06:36,080 --> 00:06:41,360
and also mark those as seam

183
00:06:38,639 --> 00:06:42,240
now if i go into uv editing mode select

184
00:06:41,360 --> 00:06:45,199
all

185
00:06:42,240 --> 00:06:46,720
press u to unwrap and do an unwrap

186
00:06:45,199 --> 00:06:48,479
you'll see that i get the frame edges

187
00:06:46,720 --> 00:06:50,240
unwrapped pretty well

188
00:06:48,479 --> 00:06:53,199
i'm going to select my image plane

189
00:06:50,240 --> 00:06:55,840
select my frame and join those together

190
00:06:53,199 --> 00:06:59,120
then with my image plane selected

191
00:06:55,840 --> 00:07:01,440
i'll press u and project from view

192
00:06:59,120 --> 00:07:02,960
this is going to keep my uv unwrapping

193
00:07:01,440 --> 00:07:05,360
proportional to what i have on the

194
00:07:02,960 --> 00:07:07,599
screen and i can spread that out now we

195
00:07:05,360 --> 00:07:10,400
would simply need to assign a material

196
00:07:07,599 --> 00:07:10,400
to our picture

197
00:07:10,800 --> 00:07:14,880
i'll add a frame texture

198
00:07:13,120 --> 00:07:17,759
that's kind of glossy

199
00:07:14,880 --> 00:07:20,000
and then i'll add a photo texture going

200
00:07:17,759 --> 00:07:24,880
into my model with the image part

201
00:07:20,000 --> 00:07:24,880
selected i'll assign that photo texture

202
00:07:25,520 --> 00:07:30,560
now if i go to my shading menu

203
00:07:27,599 --> 00:07:32,400
with my principled bsdf selected as long

204
00:07:30,560 --> 00:07:34,080
as i'm using the node wrangler plugin i

205
00:07:32,400 --> 00:07:37,360
can press ctrl t

206
00:07:34,080 --> 00:07:39,840
and select an image

207
00:07:37,360 --> 00:07:43,880
and i'll adjust the uv of the image

208
00:07:39,840 --> 00:07:43,880
section to my liking

209
00:07:44,000 --> 00:07:48,720
that i have that created i can go ahead

210
00:07:46,720 --> 00:07:50,560
and mark it as an asset

211
00:07:48,720 --> 00:07:52,990
say i add a cube

212
00:07:50,560 --> 00:07:54,720
and go to my asset browser

213
00:07:52,990 --> 00:07:56,879
[Music]

214
00:07:54,720 --> 00:07:59,440
you'll notice when i add these to my

215
00:07:56,879 --> 00:08:01,440
cube the bottom of the frame is sticking

216
00:07:59,440 --> 00:08:03,360
to the side of the cube that's not what

217
00:08:01,440 --> 00:08:06,560
we want the reason

218
00:08:03,360 --> 00:08:08,800
is because my object is actually rotated

219
00:08:06,560 --> 00:08:11,840
if i bring up my end panel you'll see

220
00:08:08,800 --> 00:08:15,039
that it has a 90 degree x rotation and a

221
00:08:11,840 --> 00:08:16,560
negative 180 degree z rotation but if i

222
00:08:15,039 --> 00:08:19,759
press ctrl a

223
00:08:16,560 --> 00:08:24,000
and apply rotation those all go to zero

224
00:08:19,759 --> 00:08:27,440
and now when i place my image on my cube

225
00:08:24,000 --> 00:08:29,680
it goes on correctly

226
00:08:27,440 --> 00:08:31,360
and so there we are a fairly decent

227
00:08:29,680 --> 00:08:33,360
looking photo frame

228
00:08:31,360 --> 00:08:34,479
of course you can take this as far as

229
00:08:33,360 --> 00:08:36,080
you want

230
00:08:34,479 --> 00:08:37,039
and make your own library of photo

231
00:08:36,080 --> 00:08:38,880
frames

232
00:08:37,039 --> 00:08:40,479
and like i said before if you want to

233
00:08:38,880 --> 00:08:43,279
visit my gumroad page

234
00:08:40,479 --> 00:08:46,399
i have a library of 189 of these already

235
00:08:43,279 --> 00:08:48,480
created that's 17 different frames in 11

236
00:08:46,399 --> 00:08:50,399
different sizes each so you can just

237
00:08:48,480 --> 00:08:52,720
drag them into your scene and go from

238
00:08:50,399 --> 00:08:54,560
there either way i hope this inspires

239
00:08:52,720 --> 00:08:55,680
you to make something awesome and until

240
00:08:54,560 --> 00:08:59,160
next time

241
00:08:55,680 --> 00:08:59,160
i'll catch you later